<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>iLEADER</title>
	<link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
	<link rel="stylesheet" href="../dist/lib/swiper/css/swiper.min.css">
	<link rel="stylesheet" href="../dist/css/main.css">
</head>
<body>
<!-- header start -->
<div class="ileader-header">
	<div class="ileader-main layui-clear">
		<a href="index.html" class="logo"><img src="../dist/images/logo.png" alt=""></a>
		<ul class="nav-list">
			<li class="list-item"><a href="#">下载APP</a></li>
			<li class="list-item">
				<form class="layui-form search-box">
					<div class="layui-input-inline">
						<input type="text" name="seachInfo" class="layui-input search-input" placeholder="搜索课程信息" autocomplete="off">
					</div>
					<button class="layui-btn layui-btn-normal search-btn" lay-submit lay-filter="formDemo"></button>
				</form>
			</li>
			<!-- 登录前 -->
			<!--<li class="list-item">-->
			<!--<a href="javascript:;" class="js-header-register">注册</a> / <a href="javascript:;" class="js-header-signIn">登录</a>-->
			<!--</li>-->
			<!--<li class="list-item item-user">-->
			<!--<span class="user-head"><img src="../dist/images/user_head.png" class="" alt=""></span>-->
			<!--</li>-->
			<!-- 登录后 -->
			<li class="list-item list-item-after">
				<a href="m-news.html" class="user-news active">消息</a>
				<a href="m-online-course.html">个人中心</a>
			</li>
			<li class="list-item item-user">
				<span class="user-name">黑眼圈圈</span>
				<span class="user-head"><img src="../dist/images/user_head.png" alt=""></span>
			</li>
		</ul>
	</div>
</div>
<!-- header start-->

<!-- content start-->
<div class="member-wrap">
	<div class="member-main layui-clear">
		<div class="member-left">
			<div class="member-left-hd mb-10">
				<div class="m-user-avatar layui-clear">
					<div class="avatar-pic"><img src="../dist/images/user_avatar.png" alt=""></div>
					<div class="avatar-info">
						<div class="nickname">黑眼圈都合黑眼圈都合</div>
						<a href="javascript:;" class="btn-change-avatar">更改头像</a>
					</div>
				</div>
				<div class="m-user-level">当前级别：Level1</div>
			</div>
			<ul class="member-nav-list">
				<li class="list-item"><a href="m-online-course.html">线上课表</a></li>
				<li class="list-item"><a href="m-live-course.html">直播课表</a></li>
				<li class="list-item"><a href="m-offline-course.html">线下课表</a></li>
				<li class="list-item"><a href="m-course-comment.html">课程反馈</a></li>
				<li class="list-item"><a href="m-test.html">我的测试</a></li>
				<li class="list-item active"><a href="m-collection.html">我的收藏</a></li>
				<li class="list-item"><a href="m-order.html">我的订单</a></li>
				<li class="list-item"><a href="m-personal-info.html">个人信息</a></li>
				<li class="slide-bar"></li>
			</ul>
		</div>
		<div class="member-right">
			<div class="member-main-bar mb-10">
				<span class="marks"><i class="icon icon-collect"></i>我的收藏</span>
				<div class="bar-list">
					<a href="m-collection.html" class="active">讲师</a>
					<a href="m-collection-course.html">课程</a>
					<a href="m-collection-comment.html">评论</a>
				</div>
			</div>
			<div class="member-main-container">
				<ul class="m-collect-teacher layui-clear">
					<li class="list-item ">
						<a href="#" class="item-pic"><img src="https://img.mukewang.com/5b2a0c4d0001029d09600960-100-100.jpg" alt=""></a>
						<div class="item-content">
							<a href="#" class="item-name">香蕉老师</a>
							<div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
							<div class="item-op">
								<a href="javascript:;" class="layui-btn layui-btn-radius op-collect" data-url="" data-id="1">取消收藏</a>
							</div>
						</div>
					</li>
					<li class="list-item ">
						<a href="#" class="item-pic"><img src="https://img.mukewang.com/5b2a0c4d0001029d09600960-100-100.jpg" alt=""></a>
						<div class="item-content">
							<a href="#" class="item-name">香蕉老师</a>
							<div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
							<div class="item-op">
								<a href="javascript:;" class="layui-btn layui-btn-radius op-collect" data-url="" data-id="1">取消收藏</a>
							</div>
						</div>
					</li>
					<li class="list-item ">
						<a href="#" class="item-pic"><img src="https://img.mukewang.com/5b2a0c4d0001029d09600960-100-100.jpg" alt=""></a>
						<div class="item-content">
							<a href="#" class="item-name">香蕉老师</a>
							<div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
							<div class="item-op">
								<a href="javascript:;" class="layui-btn layui-btn-radius op-collect" data-url="" data-id="1">取消收藏</a>
							</div>
						</div>
					</li>
					<li class="list-item ">
						<a href="#" class="item-pic"><img src="https://img.mukewang.com/5b2a0c4d0001029d09600960-100-100.jpg" alt=""></a>
						<div class="item-content">
							<a href="#" class="item-name">香蕉老师</a>
							<div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
							<div class="item-op">
								<a href="javascript:;" class="layui-btn layui-btn-radius op-collect" data-url="" data-id="1">取消收藏</a>
							</div>
						</div>
					</li>
					<li class="list-item ">
						<a href="#" class="item-pic"><img src="https://img.mukewang.com/5b2a0c4d0001029d09600960-100-100.jpg" alt=""></a>
						<div class="item-content">
							<a href="#" class="item-name">香蕉老师</a>
							<div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
							<div class="item-op">
								<a href="javascript:;" class="layui-btn layui-btn-radius op-collect" data-url="" data-id="1">取消收藏</a>
							</div>
						</div>
					</li>
					<li class="list-item ">
						<a href="#" class="item-pic"><img src="https://img.mukewang.com/5b2a0c4d0001029d09600960-100-100.jpg" alt=""></a>
						<div class="item-content">
							<a href="#" class="item-name">香蕉老师</a>
							<div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
							<div class="item-op">
								<a href="javascript:;" class="layui-btn layui-btn-radius op-collect" data-url="" data-id="1">取消收藏</a>
							</div>
						</div>
					</li>
					<li class="list-item ">
						<a href="#" class="item-pic"><img src="https://img.mukewang.com/5b2a0c4d0001029d09600960-100-100.jpg" alt=""></a>
						<div class="item-content">
							<a href="#" class="item-name">香蕉老师</a>
							<div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
							<div class="item-op">
								<a href="javascript:;" class="layui-btn layui-btn-radius op-collect" data-url="" data-id="1">取消收藏</a>
							</div>
						</div>
					</li>
					<li class="list-item ">
						<a href="#" class="item-pic"><img src="https://img.mukewang.com/5b2a0c4d0001029d09600960-100-100.jpg" alt=""></a>
						<div class="item-content">
							<a href="#" class="item-name">香蕉老师</a>
							<div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
							<div class="item-op">
								<a href="javascript:;" class="layui-btn layui-btn-radius op-collect" data-url="" data-id="1">取消收藏</a>
							</div>
						</div>
					</li>
					<!-- 每页8条数据，list-last放最后一条，最后一页不显示 -->
					<li class="list-last">
						<span class="dot"></span>
					</li>
				</ul>
			</div>
			<!-- 分页 -->
			<div class="ileader-page pt-10 pb-10 s-tr">
				<div class="layui-box layui-laypage">
					<a href="#" class="layui-laypage-first">首页</a>
					<a href="#" class="layui-laypage-prev layui-disabled">上一页</a>
					<span class="layui-laypage-curr">
          <em class="layui-laypage-em"></em>
          <em>1</em>
        </span>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#">5</a>
					<span class="layui-laypage-spr">…</span>
					<a href="#" class="layui-laypage-next">下一页</a>
					<a href="#" class="layui-laypage-last">尾页</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- content end-->

<!-- footer start-->
<div class="footer-warp">
	<div class="footer-nav">
		<a href="#">关于我们</a>
		<a href="#">联系我们</a>
		<a href="#">帮助中心</a>
		<a href="javascript:;" class="ewm-link">
			<span>订阅号</span>
			<div class="ewm-box">
				<p>扫描二维码关注<br>iLeader微信服务号</p>
				<img src="../dist/images/ewm.png" alt="">
			</div>
		</a>
	</div>
	<div class="copyright">京ICP证030173号-1   京网文【2013】0934-983号     ©2019Baidu</div>
</div>
<!-- footer end-->
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/js/popup_all.js"></script>
<script src="../dist/js/m_all.js"></script>
<script src="../dist/js/m_collection.js"></script>
</body>
</html>